/**
 * Created by lenovo on 2016/12/15.
 */
//猫头效果



// 轮播图
$(function(){
    /**
     * 轮播图的步骤：
     * 1、分析轮播图发生需要改变图片，让图片从第一张变到第二张，从
     * 第二张变到第三张，图片在不断的改变，图片的索引或者是图片的位置
     * 在不断的增加
     *
     * 2、小圆点，对应的小圆点在轮播的过程中，对应索引的小圆点颜色为红色
     * 不对应索引的小圆点的背景颜色为默认颜色
     *
     * 3、先定义轮播图的起始位置，用一个变量来接收
     *
     *
     */
    var page=0;//对应的图片第一张的索引值
    var timer=null;//定义计时器
//    函数是用来指定功能逻辑代码的
//        timer=setInterval(run,1000);
    function  run(){
        //图片
        $("#focusbox_image div").eq(page).fadeIn(500);
        $("#focusbox_image div").eq(page).siblings().fadeOut(500);
//                $(".con-lb div").eq(page).fadeIn(500);
//                $(".con-lb div").eq(page).siblings().fadeOut(500);
        //小圆点img#
        $("#focusbox li").eq(page).css({"background-color":"red"});//更改颜色
        $("#focusbox li").eq(page).siblings().css({"background-color":"gainsboro"});
        page++;//图片的索引增加的过程，从第一张到第二张，从第二张到第三张。。。
        if(page<0){
            page=5
        }
        if(page==6){

            //判断是否是最后一张的下一张，如果是，那么从0开始
            page=0;
        }

//            console.log(page);
        //延迟操作
        timer=setTimeout(run,2000);
    }

    run();

    /**
     * 滑动到div上面停止自动轮播，滑出去的时候自动轮播继续
     */

    $("#focusbox1").click(function(){

        clearTimeout(timer);
        page-=2
        run();

        //当前元素前一个兄弟节点
        console.log("鼠标点击")
        //当前元素前一个兄弟节点
    })
    $("#focusbox1")
    $(function(){
        $("#focusbox2").click(function(){
            console.log("鼠标点击")
            clearTimeout(timer);
            run()
        })
    })
});


// 二级菜单

// $(function () {
//     $(".menu-li1").hover(function(){
//         $(".menu-li1>div").css("display","block");
//     },function(){
//         $(".menu-li1>div").css("display","none");
//     });
//     $(".menu-li2").hover(function(){
//         $(".menu-li2 div").css("display","block");
//     },function(){
//         $(".menu-li2 div").css("display","none");
//     });
//     $(".menu-li3").hover(function(){
//         $(".menu-li3 div").css("display","block");
//     },function(){
//         $(".menu-li3 div").css("display","none");
//     });
//     $(".menu-li4").hover(function(){
//         $(".menu-li4 div").css("display","block");
//     },function(){
//         $(".menu-li4 div").css("display","none");
//     });
//     $(".menu-li5").hover(function(){
//         $(".menu-li5 div").css("display","block");
//     },function(){
//         $(".menu-li5 div").css("display","none");
//     });
//     $(".menu-li6").hover(function(){
//         $(".menu-li6 div").css("display","block");
//     },function(){
//         $(".menu-li6 div").css("display","none");
//     });
//     $(".menu-li7").hover(function(){
//         $(".menu-li7 div").css("display","block");
//     },function(){
//         $(".menu-li7 div").css("display","none");
//     });
//     $(".menu-li8").hover(function(){
//         $(".menu-li8 div").css("display","block");
//     },function(){
//         $(".menu-li8 div").css("display","none");
//     });
//     $(".menu-li9").hover(function(){
//         $(".menu-li9 div").css("display","block");
//     },function(){
//         $(".menu-li9 div").css("display","none");
//     });
//     $(".menu-li10").hover(function(){
//         $(".menu-li10 div").css("display","block");
//     },function(){
//         $(".menu-li10 div").css("display","none");
//     });
//     $(".menu-li11").hover(function(){
//         $(".menu-li11 div").css("display","block");
//     },function(){
//         $(".menu-li11 div").css("display","none");
//     });
//     $(".menu-li12").hover(function(){
//         $(".menu-li12 div").css("display","block");
//     },function(){
//         $(".menu-li12 div").css("display","none");
//     });
//     $(".menu-li13").hover(function(){
//         $(".menu-li13 div").css("display","block");
//     },function(){
//         $(".menu-li13 div").css("display","none");
//     });
//     $(".menu-li14").hover(function(){
//         $(".menu-li14 div").css("display","block");
//     },function(){
//         $(".menu-li14 div").css("display","none");
//     });
//     $(".menu-li15").hover(function(){
//         $(".menu-li15 div").css("display","block");
//     },function(){
//         $(".menu-li15 div").css("display","none");
//     });
//     $(".menu-li16").hover(function(){
//         $(".menu-li16 div").css("display","block");
//     },function(){
//         $(".menu-li16 div").css("display","none");
//     });
// })


//二级菜单
$(function () {
    $(".menu li").hover(
        function () {
            $(this).find("div").css({"display":"block"});
            $(this).find("div").css({"color":"#000000"})
        },
        function () {
            $(this).find("div").css({"display":"none"})
        }
    )
})


  // if(){
  //
  // }

// 导航猫头hover
$(function () {
   $(".nav-a a").hover(
       function () {
          $(this).find("img").css({"top":"-10px","opacity":"1"})
       },
       function () {
          $(this).find("img").css({"top":"0","opacity":"0"})
    }
   )
})

//我的淘宝。。。。。。。。。。。
$(function () {
    $(".site-nav-right li").hover(
        function () {
            $(this).find("div").css({"display":"block","opacity":"1"})
        },
        function () {
            $(this).find("div").css({"display":"none","opacity":"0"})
        }
    )
})